<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head lang="pt">
	<title>Cadastro de Produtos</title>
</h:head>

<h:body lang="pt">
	<h:form id="form">
		<p:panel id="pnlProduto" header="Dados do Produto" toggleable="true">
			<h:panelGrid id="pnlGridProduto" columns="3" cellpadding="5"
				cellspacing="5">
				<h:outputLabel value="Descrição" />
				<p:inputText id="edtDescPro" maxlength="100"
					title="Digite a descrição" value="#{produtoBean.produto.descricao}"
					required="true" requiredMessage="Campo obrigatório!" />
				<p:message showDetail="true" for="edtDescPro" />

				<h:outputLabel value="Preço" />
				<p:inputText id="edtPrecoPro" maxlength="15" title="Digite o preço"
					value="#{produtoBean.produto.preco}">
				</p:inputText>
						
				
			</h:panelGrid>
			<p:commandButton value="OK" title="Grava o produto"
				actionListener="#{produtoBean.salva()}"
				update=":form:pnlProduto,:form:pnlProdutos" />
		</p:panel>

		<p:panel id="pnlProdutos" header="Produtos cadastrados"
			toggleable="true">
			<p:dataTable id="tblProdutos" value="#{produtoBean.produtos}"
				var="produto" emptyMessage="Nenhum produto encontrado">
				<p:column headerText="Descrição">
					<h:outputText value="#{produto.descricao}" />
				</p:column>

				<p:column headerText="Preço">
					<h:outputText value="#{produto.preco}">
						<f:convertNumber pattern="R$ #,##0.00##" />
					</h:outputText>
				</p:column>

				<p:column>
					<p:commandButton value="Alterar" title="Altera o produto"
						icon="ui-icon-pencil"
						actionListener="#{produtoBean.altera(produto)}" process="@this"
						update=":form:pnlProduto" />
				</p:column>

				<p:column>
					<p:commandButton value="Excluir" title="Exclui o produto"
						icon="ui-icon-trash"
						actionListener="#{produtoBean.exclui(produto)}" process="@this"
						update=":form:pnlProduto,:form:pnlProdutos" />
				</p:column>
			</p:dataTable>
		</p:panel>
		

	</h:form>
</h:body>

</html>